<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
<!-- 是否启动webapp功能，会删除默认的苹果工具栏和菜单栏 -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- 忽略页面中的数字识别为电话号码 -->
<meta name="format-detection" content="telephone=no,email=no" />
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0"> 
<meta name="author" content="银狐">
<meta name="robots" content="all">
<meta name="description" content="">
<meta name="keywords" content="">
<style>
@charset "utf-8";
body,div,ul,li{margin: 0;padding: 0;}
li{list-style: none;}
.wrap{padding: 130px 0 0 257px;position: relative; width: 732px;height: 482px;}
#slidebox0 {position:relative; height:482px; width:732px;overflow: hidden;}
#slidepic1 img{width: 732px; height: 482px;}
.prev,.next{display: block;width: 40px;height: 55px; position: absolute; top:340px; background: #ddd;z-index: 100;}
.prev{left: 260px; background: url(img/arrow.png) no-repeat 1px -1px ;}
.prev:hover{ background: url(img/arrow.png) no-repeat 2px -54px ;}
.next{right:3px; background: url(img/arrow.png) no-repeat -35px -1px ;}
.next:hover{ background: url(img/arrow.png) no-repeat -34px -54px ;}
</style>
</head>
<body>
<div class="wrap">
	<div id="slidebox0">
		<ul id="slidepic1">
			<li><img src="http://www1.pcauto.com.cn/customer/fengtianhuangguan141201kfk/7324822.jpg" alt="" /></li>
			<li><img src="http://www1.pcauto.com.cn/customer/fengtianhuangguan141201kfk/7324821.jpg" alt="" /></li>
			<li><img src="http://www1.pcauto.com.cn/customer/fengtianhuangguan141201kfk/7324823.jpg" alt="" /></li>
		</ul>
	</div>
	<a href="javascript:void(0)" class="prev"  onclick="slide.prev()" onmouseover="slide.stop()" onmouseout="slide.play()"></a>
	<a href="javascript:void(0)" class="next"  onclick="slide.next()" onmouseover="slide.stop()" onmouseout="slide.play()"></a>
</div>
<script src="http://js.3conline.com/min/temp/v2/core-pc_v1,dpl-tab_v2.js"></script>
<script>
pc.ready(function($){
	window.slide = new pc.tab.scroll({
		target: $.getElems('#slidebox0 #slidepic1 li'),
		width: 500,
		effect:'fade',
		autoPlay: true,
		stay:3000
	});	
})
</script>
</body>
</html>